<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>变动记录</title>
</head>
<body>
<style type="text/css">
	.index-body1{
		padding: 20px;
    	background-color: #f3f3f3;
    	padding-bottom: 30px;
    	margin: 0 auto;
    	width: fit-content;
	}
	.index-body2{
		width: 100%;
	    height: 100%;
	    background-color: #fff;
	}
	.index-body3{
		min-width: 950px;
	   padding: 20px;
	    position: relative;
	}
	ul,li{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	.index-body4{
		width: 980px;
    	margin-left: auto;
    	margin-right: auto;
	}
	.title-top{
		margin-right: 0!important;
    	margin-left: 0!important;
    	margin-bottom: 5px;
    	background-color: #f4f4f4;
    	line-height: 40px;
    	text-align: center;
	}
	.title-bottom{
		margin: 20px 0px;
		margin-right: 0!important;
    	margin-left: 0!important;
	}
	.title-top span{
		color: #19AA8D;
    	font-size: 14px;
    	font-weight: 700;
    	font-style: normal;
	}
	.title-bottom ul{
		margin: 20px 0px;
		height: 20px;
	}
	.title-bottom ul li span{
		padding-top: 3px;
    	margin-bottom: 0;
    	text-align: right;
    	font-weight:bold;
    	word-wrap: break-word;
	}
	
	.title-bottom li{
		width: 25%;
		position: relative;
    	min-height: 1px;
    	float: left;
    	font-size:12px;
    	text-align: center;
	}
	.body{
		color: #666;
    	background-color: #fff;
    	font-size: 12px;
	}
	.body table{
		width: 100%;
	    border-collapse: collapse;
	    border: 1px solid #aaa;
	    text-align: center;
	    table-layout: fixed;
	    background-color: transparent;
	}
	.body table th{
		border-collapse: collapse;
	    border: 1px solid #aaa;
	    text-align: center;
	    background: #eee;
	    height: 40px;
	    color: #19AA8D;
	}
	.body table td{
		border-collapse: collapse;
    	border: 1px solid #aaa;
    	text-align: center;
    	height: 35px;
	}
	
</style>

<script type="text/javascript">
	
</script>
<div class="index-body1">
	<div class="index-body2">
		<div class="index-body3">
			<div class="index-body4">
				<div class="title">
					<div class="title-top">
						<span>变动记录</span>
					</div>
					<div class="title-bottom">
						<ul>
							<li><span>部门：</span>人事部</li>
							<li><span>姓名：</span>周俊</li>
							<li><span>手机号：</span>15107331832</li>
							<li><span>入职日期：</span>2018-12-13</li>
						</ul>
					</div>
				</div>
				<div class="body">
					<table>
						<tbody>
							<tr>
								<th colspan="3">2018-12-14 14:45:43	 操作人：未知</th>
							</tr>
							<tr>
								<th>类型</th>
								<th>修改前</th>
								<th>修改后</th>
							</tr>
							<tr>
								<td>已休全薪病假	</td>
								<td>1天	</td>
								<td>10天</td>
							</tr>
							<tr>
								<td colspan="3">修改原因:...</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>